<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/template/pCliente.xhtml">
		<ui:define name="head">
			<title>Asesor 360</title>
		</ui:define>		
		<ui:define name="titulopagina">
			<h:outputText value="POSICION CON CUENTAS SELECCIONADAS PARA REBALANCEAR" />
		</ui:define>		
		<ui:define name="agregaIconoEjecutivos">
		</ui:define>
		<ui:define name="agregaIconoEmail">
		</ui:define>
		<ui:define name="agregaIconoExcelRe">
		</ui:define>
        <ui:define name="agregaIconoPDFRe">
		</ui:define>
		<ui:define name="bodyarea">
			<input type="hidden" id="nomReporte" name="nomReporte" value="situacionActualRebalanceo"/>
			<f:event type="preRenderView" listener="#{situacionRebalancear.onPageLoad}"/>
			<p:messages id="growl" ></p:messages>
			<p:accordionPanel multiple="true" activeIndex="0,1,2" id="idContentMain">
				<p:tab title="Distribución por Categoría de Activos Financieros">
					<t:div style="width:100%">
						<h:panelGrid columns="2">
							<p:dataTable id="listadoCategoria" value="#{situacionRebalancear.listaDistribucionPorCategoria}"
								var="fila" rowIndexVar="rowIndex" 
								rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
								<p:columnGroup type="header">
									<p:row>
										<p:column width="220" headerText="Categoria de Activos" />
										<p:column width="150" headerText="Saldo Actual" />
										<p:column width="70" headerText="Actual (%)" />
									</p:row>
								</p:columnGroup>
								<p:column><h:outputText value="#{fila.descripcioncatactivo}" /></p:column>
								<p:column styleClass="columnNumero"><h:outputText value="#{fila.monto_actualdolarizadoF}" /></p:column>
								<p:column styleClass="columnNumero"><h:outputText value="#{fila.pesoactualF}" /></p:column>
								<p:columnGroup type="footer">
									<p:row>
										<p:column footerText="#{situacionRebalancear.totalesDistribucionAct.descripcion}" styleClass="styleDataTableFooterOrange"/>
										<p:column footerText="#{situacionRebalancear.totalesDistribucionAct.total_actualdolarizado}" styleClass="styleDataTableFooterOrange"/>
										<p:column styleClass="styleDataTableFooterOrange">
											<f:facet name="footer">
												<h:outputText value="#{situacionRebalancear.totalesDistribucionAct.total_pesoactual}" >
													<f:converter converterId="porcentajeTotalConverter"/>
												</h:outputText>	
											</f:facet>
										</p:column>
									</p:row>
								</p:columnGroup>
							</p:dataTable>
							<t:div style="align:right">
								<p:spacer width="10px" />
								<p:graphicImage value="#{situacionRebalancear.chartPieActivoFinanciero}" />
							</t:div>
						</h:panelGrid>
					</t:div>
				</p:tab>
				<p:tab title="Distribución por Tipo de Producto por Monedas">
					<h:panelGrid width="100%" columns="1">
						<h:panelGrid columns="2">
							<p:dataTable id="listadoTipoMonedas" var="fila" value="#{situacionRebalancear.listaDistribucionPorTipProd}"
								rowIndexVar="rowIndex" styleClass="styleDataTableWrapNormal"
								rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
								<p:columnGroup type="header">
									<p:row>
										<p:column width="220" rowspan="2" headerText="Productos" />
										<p:column width="170" colspan="2" headerText="USD (Expresado en Dólares)" />
										<p:column width="170" colspan="2" headerText="PEN (Expresado en Dólares)" />
										<p:column width="170" colspan="2" headerText="EUR (Expresado en Dólares)" />
									</p:row>
									<p:row>
										<p:column width="85" headerText="Monto" />
										<p:column width="85" headerText="Peso(%)" />
										<p:column width="85" headerText="Monto" />
										<p:column width="85" headerText="Peso(%)" />
										<p:column width="85" headerText="Monto" />
										<p:column width="85" headerText="Peso(%)" />
									</p:row>
								</p:columnGroup>
								<p:column><h:outputText value="#{fila.destipoproducto}"/></p:column>
								<p:column styleClass="columnTableDolares"><h:outputText value="#{fila.monto_disponibleusdF}" /></p:column>
								<p:column styleClass="columnTableDolares"><h:outputText value="#{fila.peso_disponibleusdF}" /></p:column>
								<p:column styleClass="columnTableSoles"><h:outputText value="#{fila.monto_disponiblepenF}" /></p:column>
								<p:column styleClass="columnTableSoles"><h:outputText value="#{fila.peso_disponiblepenF}" /></p:column>
								<p:column styleClass="columnTableEuros"><h:outputText value="#{fila.monto_disponibleeurF}" /></p:column>
								<p:column styleClass="columnTableEuros"><h:outputText value="#{fila.peso_disponibleeurF}" /></p:column>
								<p:columnGroup type="footer">  
						            <p:row>
										<p:column footerText="#{situacionRebalancear.totalesDistribucionTipProd.descripcion}" styleClass="styleDataTableFooterOrange"/>
										<p:column footerText="#{situacionRebalancear.totalesDistribucionTipProd.total_montoUSD}" styleClass="styleDataTableFooterOrange"/>
										<p:column styleClass="styleDataTableFooterOrange">
											<f:facet name="footer">
												<h:outputText value ="#{situacionRebalancear.totalesDistribucionTipProd.total_pesoUSD}">
													<f:converter converterId="porcentajeTotalConverter"/>
												</h:outputText>
											</f:facet>
										</p:column>																				 
										<p:column footerText="#{situacionRebalancear.totalesDistribucionTipProd.total_montoPEN}" styleClass="styleDataTableFooterOrange"/>
										<p:column styleClass="styleDataTableFooterOrange">
											<f:facet name="footer">
												<h:outputText value ="#{situacionRebalancear.totalesDistribucionTipProd.total_pesoPEN}">
													<f:converter converterId="porcentajeTotalConverter"/>
												</h:outputText>
											</f:facet>
										</p:column>
										<p:column footerText="#{situacionRebalancear.totalesDistribucionTipProd.total_montoEUR}" styleClass="styleDataTableFooterOrange"/>
										<p:column styleClass="styleDataTableFooterOrange">
											<f:facet name="footer">
												<h:outputText value ="#{situacionRebalancear.totalesDistribucionTipProd.total_pesoEUR}">
													<f:converter converterId="porcentajeTotalConverter"/>
												</h:outputText>
											</f:facet>
										</p:column>
									</p:row>
								</p:columnGroup>
							</p:dataTable>
							<p:spacer height="10px"/>
						</h:panelGrid>
						<p:spacer height="10px"/>
						<h:panelGrid columns="3">
							<p:graphicImage value="#{situacionRebalancear.chartPieProductoUSD}" />
							<p:graphicImage value="#{situacionRebalancear.chartPieProductoPEN}" />
							<p:graphicImage value="#{situacionRebalancear.chartPieProductoEUR}" />
						</h:panelGrid>
					</h:panelGrid>
				</p:tab>
				<p:spacer height="10" />
				<p:tab title="Desviación contra Perfil de Inversión">
					<t:div style="width:100%">
						<h:panelGrid columns="2" width="100%">
							<p:dataTable id="listadoDesviacion" value="#{situacionRebalancear.listaDistribucionPorCategoria}" var="fila">
								<p:columnGroup type="header">
									<p:row>
										<p:column width="150" headerText="Categoria de Activos" />
										<p:column width="70" headerText="Actual (%)" />
										<p:column width="50" headerText="Ideal (%)" />
									</p:row>
								</p:columnGroup>
								<p:column><h:outputText value="#{fila.descripcioncatactivo}"/></p:column>
								<p:column styleClass="columnTableAzul"><h:outputText value="#{fila.pesoactualF}"/></p:column>
								<p:column styleClass="columnTableRosado"><h:outputText value="#{fila.pesoidealF}"/></p:column>
								<p:columnGroup type="footer">
									<p:row>
										<p:column footerText="#{situacionRebalancear.totalesDistribucionAct.descripcion}" styleClass="styleDataTableFooterOrange"/>
										<p:column styleClass="styleDataTableFooterOrange">
											<f:facet name="footer">
												<h:outputText value="#{situacionRebalancear.totalesDistribucionAct.total_pesoactual}" >
													<f:converter converterId="porcentajeTotalConverter"/>
												</h:outputText>	
											</f:facet>
										</p:column>
										<p:column styleClass="styleDataTableFooterOrange">
											<f:facet name="footer">    
												<h:outputText value="#{situacionRebalancear.totalesDistribucionAct.total_pesoideal}" >
													<f:converter converterId="porcentajeTotalConverter"/>
												</h:outputText>	
											</f:facet>
										</p:column>
									</p:row>
								</p:columnGroup>
							</p:dataTable>
							<h:panelGroup>
								<p:spacer width="10px" />
								<t:div style="align:center">
									<p:graphicImage value="#{situacionRebalancear.chartCategoryDesviacionContraPerfil}" />
								</t:div>
							</h:panelGroup>
						</h:panelGrid>
					</t:div>
				</p:tab>
			</p:accordionPanel>
			<p:spacer width="50" height="10"/>
			<h:panelGrid columns="5" width="100%">
				<p:spacer width="100" height="10"/>
				<p:commandButton value="Rebalancear" actionListener="#{situacionRebalancear.rebalancearNuevo}" icon="ui-icon ui-icon-gear"/>
				<p:spacer width="50" height="10"/>
				<p:commandButton value="Volver" actionListener="#{situacionRebalancear.volverRebalancearPosicionGlobal}" 
					icon="ui-icon-arrowreturnthick-1-w" />
				<p:spacer width="100" height="10"/>
			</h:panelGrid>
		</ui:define>        
	</ui:composition>
</html>
